<html class="small-scroll-bar no-js bg" lang="zh-cmn-Hans"><head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <!--IE 8浏览器的页面渲染方式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!--默认使用极速内核：针对国内浏览器产商-->
    <meta name="renderer" content="webkit">
    <!--chrome Android 地址栏颜色-->
    <meta name="theme-color" content="#000000">
    
    <meta http-equiv="x-dns-prefetch-control" content="on">

    <title>标题</title>
    <link rel="icon" type="image/ico" href="/favicon.ico">
        

    
    
    <script src="https://hm.baidu.com/hm.js?3b1f6198215a81b2f56b1387c009c48f"></script><script type="text/javascript">

        window['LocalConst'] = {

            //comment
            COMMENT_NAME_INFO: '必须填写昵称或姓名',
            COMMENT_EMAIL_INFO: '必须填写电子邮箱地址',
            COMMENT_EMAIL_LEGAL_INFO: '邮箱地址不合法',
            COMMENT_CONTENT_INFO: '必须填写评论内容',
            COMMENT_SUBMIT_ERROR: '提交失败，请重试！',
            COMMENT_CONTENT_LEGAL_INFO: '提交失败,评论被拦截或者进入审核区域',
            COMMENT_CONTENT_CHECK_INFO: '评论进入审核区域，请勿重复评论',
            COMMENT_TITLE: '评论通知',

            //login
            LOGIN_TITLE: '登录通知',
            LOGIN_USERNAME_INFO: '必须填写用户名',
            LOGIN_PASSWORD_INFO: '请填写密码',
            LOGIN_SUBMIT_ERROR: '登录失败，请重新登录',
            LOGIN_SUBMIT_INFO: '用户名或者密码错误，请重试',
            LOGIN_SUBMIT_SUCCESS: '登录成功',
            CLICK_TO_REFRESH: '点击以刷新页面',
            LOGOUT_SUCCESS_REFRESH: '退出成功，正在刷新当前页面',

            LOGOUT_ERROR: '退出失败，请重试',
            LOGOUT_SUCCESS: '退出成功',
            SUBMIT_PASSWORD_INFO: '密码错误，请重试',

            //comment
            ChANGYAN_APP_KEY: '',
            CHANGYAN_CONF: '',

            COMMENT_SYSTEM: '0',
            COMMENT_SYSTEM_ROOT: '0',
            COMMENT_SYSTEM_CHANGYAN: '1',
            COMMENT_SYSTEM_OTHERS: '2',
            EMOJI: '表情',
            COMMENT_NEED_EMAIL: '1',
            COMMENT_REJECT_PLACEHOLDER: '居然什么也不说，哼',
            COMMENT_PLACEHOLDER: '说点什么吧……',

            //pjax
            IS_PJAX: '1',
            IS_PAJX_COMMENT: '1',
            PJAX_ANIMATE: 'default',
            PJAX_TO_TOP: '0',
            TO_TOP_SPEED: '80',


            USER_COMPLETED: {"data":"_hmt.push([\"_trackPageview\", document.location.pathname]);"},

            //ui
            OPERATION_NOTICE: '操作通知',
            SCREENSHOT_BEGIN: '正在生成当前页面截图……',
            SCREENSHOT_NOTICE: '点击顶部下载按钮保存当前卡片',
            SCREENSHORT_ERROR: '由于图片跨域原因导致截图失败',
            SCREENSHORT_SUCCESS: '截图成功',

            //music
            MUSIC_NOTICE: '播放通知',
            MUSIC_FAILE: '当前音乐地址无效，自动为您播放下一首',
            MUSIC_FAILE_END: '当前音乐地址无效',
            MUSIC_LIST_SUCCESS: '歌单歌曲加载成功',

            //option
            TOC_TITLE: '文章目录',
            HEADER_FIX: '固定头部',
            ASIDE_FIX: '固定导航',
            ASIDE_FOLDED: '折叠导航',
            ASIDE_DOCK: '置顶导航',
            CONTAINER_BOX: '盒子模型',
            DARK_MODE: '深色模式',
            DARK_MODE_AUTO: '深色模式（自动）',
            DARK_MODE_FIXED: '深色模式（固定）',
            EDITOR_CHOICE: 'origin',


            CDN_NAME: 'UPYUN',
            LAZY_LOAD: '',
            PAGE_ANIMATE: '',
            THEME_COLOR: '14',
            THEME_COLOR_EDIT: 'white-white-white',
            THEME_HEADER_FIX: '1',
            THEME_ASIDE_FIX: '1',
            THEME_ASIDE_FOLDED: '',
            THEME_ASIDE_DOCK: '',
            THEME_CONTAINER_BOX: '1',
            THEME_HIGHLIGHT_CODE: '1',
            THEME_MATHJAX: '',
            THEME_TOC: '1',
            THEME_DARK_MODE: 'auto',
            THEME_DARK_MODE_VALUE: 'auto',
            SHOW_SETTING_BUTTON: '1',

            THEME_DARK_HOUR: '18',
            THEME_LIGHT_HOUR: '6',
            THUMB_STYLE: 'normal',
            AUTO_READ_MODE: '',

            //代码高亮
            CODE_STYLE_LIGHT: 'dracula',
            CODE_STYLE_DARK: 'dracula',

            //other
            OFF_SCROLL_HEIGHT: '50',
            SHOW_IMAGE_ALT: '1',
            USER_LOGIN: '',
            USE_CACHE: '1',
            POST_SPEECH: '1',
        };

        if ('serviceWorker' in navigator) {
            if (LocalConst.USE_CACHE) {
                navigator.serviceWorker.register(LocalConst.BLOG_URL + 'sw.min.js?v=7.3.12020081502')
                    .then(function (reg) {

                    }).catch(function (error) {
                    console.log('cache failed with ' + error); // registration failed
                });
            } else {
                navigator.serviceWorker.getRegistrations()
                    .then(function (registrations) {
                        for (let registration of registrations) {
                            registration.unregister();
                            // 清除缓存
                            window.caches && caches.keys && caches.keys().then(function (keys) {
                                keys.forEach(function (key) {
                                    caches.delete(key);
                                });
                            });
                            console.log("unregister success")
                        }
                    });
            }
        }
    </script>


    

    <!-- 第三方CDN加载CSS -->
    <link href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">


    <!-- 本地css静态资源 -->

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/css/origin/function.min.css?v=7.3.12020081502" type="text/css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/css/handsome.min.css?v=7.3.12020081502" type="text/css">

        
    
    <!--主题组件css文件加载-->
    
    <!--引入英文字体文件-->
            <link rel="stylesheet preload" href="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/css/features/font.min.css?v=7.3.12020081502" as="style">
    
    <style type="text/css">
        
        html.bg {
        background: #EFEFEF
        }
        .cool-transparent .off-screen+* .app-content-body {
        background: #EFEFEF
        }
@media (max-width:767px){
    html.bg {
        background: #EFEFEF
        }
        .cool-transparent .off-screen+* .app-content-body {
        background: #EFEFEF
        }
}
figcaption.post-img-figcaption:not(.post-img-figcation) {
    display: none;
}#aside .wrapper:hover {
	background: url(https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/img/snow.gif);
	background-size: cover;
	color: #999;
}    </style>

    <!--全站jquery-->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <!--网站统计代码-->
    

<link id="highlight_css_dracula" rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vditor@3.4.5/dist/js/highlight.js/styles/dracula.css"><link id="highlight__test_css_dracula" rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vditor@3.4.5/dist/js/highlight.js/styles/dracula.css"><script src="https://cdn.jsdelivr.net/npm/vditor@3.4.5/dist/js/highlight.js/highlight.pack.js" async="" id="highlight_js_"></script></head>

<body id="body" class="fix-padding">

	<!-- aside -->
	  
  <div id="alllayout" class="app app-aside-fix container app-header-fixed">  <!-- headnav -->
  <header id="header" class="app-header navbar box-shadow-bottom-lg" role="menu">
    <!-- navbar header（交集处） -->
    <div class="text-ellipsis navbar-header bg-white">
    <button class="pull-right visible-xs" ui-toggle-class="show animated animated-lento fadeIn" target=".navbar-collapse">
        <span class="menu-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>
    </button>
    <button class="pull-left visible-xs" ui-toggle-class="off-screen animated" target=".app-aside" ui-scroll="app">
        <span class="menu-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></span>
    </button>
    <!-- brand -->
    <!-- / brand -->
    </div>
    <!-- / navbar header -->

    <!-- navbar collapse（顶部导航栏） -->
    <div class="collapse pos-rlt navbar-collapse bg-white">
    <!-- statitic info-->
        <ul class="nav navbar-nav hidden-sm">
        <li class="dropdown pos-stc">
            <a id="statistic_pane" data-status="false" href="#" data-toggle="dropdown" class="dropdown-toggle feathericons dropdown-toggle" aria-expanded="false">
                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pie-chart"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
                <span class="caret"></span>
            </a>
            <div class="dropdown-menu wrapper w-full bg-white">
                <div class="row">
                    <div class="col-sm-8 b-l b-light">
                        <div class="m-l-xs m-t-xs m-b-sm font-bold">动态日历<span class="info-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info" data-toggle="tooltip" title="" data-original-title="统计近10个月的文章和作者评论数目"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
                            </span></div>
                        <div class="text-center">
                            <nav class="loading-echart text-center m-t-lg m-b-lg">
                                <p class="infinite-scroll-request"><i class="animate-spin fontello fontello-refresh"></i>Loading...</p>
                            </nav>
                            <div id="post-calendar" class="top-echart hide"></div>
                        </div>
                    </div>
                    <div class="col-sm-4 b-l b-light">
                        <div class="m-l-xs m-t-xs m-b-sm font-bold">分类雷达图</div>
                        <div class="text-center">
                            <nav class="loading-echart text-center m-t-lg m-b-lg">
                                <p class="infinite-scroll-request"><i class="animate-spin fontello fontello-refresh"></i>Loading...</p>
                            </nav>
                            <div id="category-radar" class="top-echart hide"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4 b-l b-light">
                        <div class="m-l-xs m-t-xs m-b-sm font-bold">发布统计图</div>
                        <div class="text-center">
                            <nav class="loading-echart text-center m-t-lg m-b-lg">
                                <p class="infinite-scroll-request"><i class="animate-spin fontello fontello-refresh"></i>Loading...</p>
                            </nav>
                            <div id="posts-chart" class="top-echart hide"></div>
                        </div>
                    </div>
                    <div class="col-sm-4 b-l b-light">
                        <div class="m-l-xs m-t-xs m-b-sm font-bold">分类统计图</div>
                        <div class="text-center">
                            <nav class="loading-echart text-center m-t-lg m-b-lg">
                                <p class="infinite-scroll-request"><i class="animate-spin fontello fontello-refresh"></i>Loading...</p>
                            </nav>
                            <div id="categories-chart" class="top-echart hide"></div>
                        </div>
                    </div>
                    <div class="col-sm-4 b-l b-light">
                        <div class="m-l-xs m-t-xs m-b-sm font-bold">标签统计图</div>
                        <div class="text-center">
                            <nav class="loading-echart text-center m-t-lg m-b-lg">
                                <p class="infinite-scroll-request"><i class="animate-spin fontello fontello-refresh"></i>Loading...</p>
                            </nav>
                            <div id="tags-chart" class="top-echart hide"></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    
    <!-- search form -->

    <form id="searchform1" class="searchform navbar-form navbar-form-sm navbar-left shift" method="post" role="search">
        <div class="form-group">
            <div class="input-group rounded bg-white-pure box-shadow-wrap-normal">
                <input autocomplete="off" id="search_input" type="search" name="s" class="transparent rounded form-control input-sm no-borders padder" required="" placeholder="输入关键词搜索…">
                <!--搜索提示-->
                <ul id="search_tips_drop" class="small-scroll-bar dropdown-menu hide" style="display: block;top: 
                30px; left: 0px;">
                </ul>
                <span id="search_submit" class="transparent input-group-btn">
                  <button type="submit" class="transparent btn btn-sm">
                      <span class="feathericons" id="icon-search"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>
                      <span class="feathericons animate-spin  hide" id="spin-search"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg></span>
                      <!--                      <i class="fontello fontello-search" id="icon-search"></i>-->
                      <!--                      <i class="animate-spin  fontello fontello-spinner hide" id="spin-search"></i>-->
                  </button>
              </span>
            </div>
        </div>
    </form>
    <a href="" style="display: none" id="searchUrl"></a>
    <!-- / search form -->
        <ul class="nav navbar-nav navbar-right">
                    <li class="music-box hidden-xs hidden-sm">
                <div id="skPlayer">
            <audio class="skPlayer-source" src="https://m7.music.126.net/20201101144912/a729c2c2cd9e4203d7223250dc9c4fa6/ymusic/7db5/3327/b3ff/436a73f2e8c8d7d008b7378075ac2a40.mp3" preload="auto"></audio>
            <div class="skPlayer-picture">
                <img class="skPlayer-cover" src="https://p3.music.126.net/UWSKMO96-nqAn-l1BGX9SQ==/893902953435039.jpg?param=300y300" alt="">
    
            </div>
            <div class="skPlayer-control">
                <p class="skPlayer-name">Old Chinese song</p>
                <div class="playController"><div onclick="player.prev();" class="lastMusic  music-off "><span class="feathericons"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon></svg></span></div> &nbsp;&nbsp;
 <div class="runMusic  music-off skPlayer-play-btn"><span class="runMusicIcon feathericons"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></div>&nbsp;&nbsp; 
 <div onclick="player.next();" class="nextMusic  music-off "><span class="feathericons"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon></svg></span></div></div>
                <p class="skPlayer-author">Kitti Kuremanee</p>
                <div class="skPlayer-percent">
                    <div class="skPlayer-line-loading" style="width: 100%;"></div>
                    <div class="skPlayer-line lter"></div>
                </div>
                <p class="skPlayer-time">
                    <span class="skPlayer-cur">00:00</span>/<span class="skPlayer-total">01:15</span>
                </p>
                <div class="skPlayer-volume" style="">
                    <span class="feathericons skPlayer-volume-icon"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg></span>
                    <div class="skPlayer-percent">
                        <div class="skPlayer-line"></div>
                    </div>
                </div>
                <i class="skPlayer-mode"></i>
            </div>
            <ul id="skPlayer-list" class="skPlayer-list animated flipInX">
        
                <li data-index="0" class="skPlayer-curMusic">
                    <i class="skPlayer-list-sign"></i>
                    <span class="skPlayer-list-index">1</span>
                    <span class="skPlayer-list-name" title="Old Chinese song">Old Chinese song</span>
                    <span class="skPlayer-list-author" title="Kitti Kuremanee">Kitti Kuremanee</span>
                </li>
            
            </ul>
        </div>
            </li>
            
                                    <!--闲言碎语-->
            
            <!--/闲言碎语-->
                            
            
            
            </ul>
    </div>
    <!-- / navbar collapse -->
</header>
  <!-- / headnav -->

  <!--选择侧边栏的颜色-->
  <aside id="aside" class="app-aside hidden-xs bg-white">  <!--<aside>-->
        <div class="aside-wrap" layout="column">
        <div class="navi-wrap scroll-y scroll-hide" flex="">
          <!-- user -->
          <div class="clearfix hidden-xs text-center hide  show" id="aside-user">
            <div class="dropdown wrapper ">
                <div ui-nav="">
                          <a href="/">
                            <span class="thumb-lg w-auto-folded avatar m-t-sm  ">
                  <img src="header.jpg" class="img-full img-circle normal-shadow">
                </span>
              </a>
                </div>
              <a href="#" data-toggle="dropdown" class="dropdown-toggle hidden-folded  ">
                <span class="clear">
                  <span class="block m-t-sm">
                    <strong class="font-bold text-lt" id="main-name">加载中---</strong>
                    <b class="caret"></b>
                  </span>
                  <span class="text-muted text-xs block" id="main-sign">嘟嘟嘟</span>
                </span>
              </a>
              <!-- dropdown -->
              <ul class="dropdown-menu animated fadeInRight w hidden-folded no-padder">
                <li class="wrapper b-b m-b-sm bg-info m-n">
                  <span class="arrow top hidden-folded arrow-info"></span>
                  <div>
                                                  <p id="main-question">~~~</p>
                                  </div>
                  <div class="progress progress-xs m-b-none dker">
                    <div class="progress-bar bg-white" data-toggle="tooltip" data-original-title="wzj盗版" style="width:100%" id="main-answer"></div>
                  </div>
                </li>
              </ul>
              <!-- / dropdown -->
            </div>
          </div>
          <!-- / user -->

          <!-- nav -->
          <nav ui-nav="" class="navi clearfix">
分类列表
</nav>
          <!-- nav -->
        </div>
          <!--end of .navi-wrap-->
          
          
      </div><!--.aside-wrap-->
  </aside>
<!-- content -->
<div id="content" class="app-content">
    <!--loading animate-->
    <div id="loading" class="butterbar active hide">
            <span class="bar"></span>
        </div>





	<!-- / aside -->
<style>
    #post-content{
        font-size: 14px;
    }
</style>
<!-- <div id="content" class="app-content"> -->
   <a class="off-screen-toggle hide"></a>
   <main class="app-content-body ">
    <div class="hbox hbox-auto-xs hbox-auto-sm">
    <!--文章-->
     <div class="col center-part">
         <!--生成分享图片必须的HTML结构-->
             <!--标题下的一排功能信息图标：作者/时间/浏览次数/评论数/分类-->
      
        <header id="small_widgets" class="bg-light lter wrapper-md">
             <h1 class="entry-title m-n font-thin text-black l-h"><div id="article-head-title">玩命加载中</div><a class="plus-font-size" data-toggle="tooltip" data-original-title="点击改变文章字体大小"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-type"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line></svg></a><a class="speech-button m-l-sm superscript" data-toggle="tooltip" data-original-title="朗读文章"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play-circle"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg></a><span class="morphing-btn-wrap "><a data-morphing="" id="morphing1"  onclick="shareToQQ();" data-src="#morphing-content" href="javascript:;" class="read_mode superscript m-l-sm morphing-btn" data-toggle="tooltip" data-placement="right" data-original-title="分享到QQ空间"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book-open"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></a></span><div class="morphing-btn-clone" style="display: none;"></div></h1>       <!--文章标题下面的小部件-->
                  <ul class="entry-meta text-muted list-inline m-b-none small
             post-head-icon">
             <!--作者-->
             <li class="meta-author"><span class="post-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span><span class="sr-only">博主：</span> <a class="meta-value" href="" rel="author" id="author-name">博主</a></li>
             <!--发布时间-->
             <li class="meta-date"><span class="post-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></span><span class="sr-only">发布时间：</span><time class="meta-value" id="time-value"></time></li>
             
             
                              
                 
             
             
             
             <!--分类-->
             <li class="meta-categories"><span class="post-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg></span><span class="sr-only">分类：</span> <span class="meta-value"></span></li>
         </ul>
      </header>
      <div class="wrapper-md" id="post-panel">
	   <ol class="breadcrumb bg-white-pure" itemscope=""><li>
                 <a href="index.html" itemprop="breadcrumb" title="" data-toggle="tooltip" data-original-title="返回首页"><span class="home-icons"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></span>首页</a>
             </li><li class="active">正文&nbsp;&nbsp;</li></ol>       <!--博客文章样式 begin with .blog-post-->
       <div id="postpage" class="blog-post">
        <article class="single-post panel">
        <!--文章页面的头图-->
        <div class="entry-thumbnail" aria-hidden="true"><div class="item-thumb lazy" style="background-image: url(https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/uploads/2019/01/762065921.jpg)"><div class="img_copyright" data-toggle="tooltip" data-placement="left" data-original-title="头图来源自网络"><i class="glyphicon glyphicon-copyright-mark"></i></div></div></div>         <!--文章内容-->
         <div id="post-content" class="wrapper-lg" style="font-size: 14px;">
             
             <div id="article-content-main">拉取文章（一脸认真.jpg</div>

                          <!--文章的页脚部件：打赏和其他信息的输出-->
             <div class="show-foot"><div class="notebook">
                     <i class="fontello fontello-clock-o"></i>
                     <span>最后修改：时间</span>
                 </div><div class="copyright" data-toggle="tooltip" data-html="true" data-original-title="转载请保留本文转载地址，著作权归作者所有"><span>© 允许规范转载</span>
                 </div>
             </div>
                                      <!--打赏模块-->
                 
             <div class="support-author">
                 <button id="support_author" data-toggle="modal" data-target="#myModal" class="btn btn-pay btn-danger btn-rounded"><i class="fontello fontello-wallet" aria-hidden="true"></i>&nbsp;赞赏</button>
                 <div class="mt20 text-center article__reward-info">
                     <span class="mr10">如果觉得我的文章对你有用，请随意赞赏</span>
                 </div>
             </div>
             <div id="myModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
                 <div class="modal-dialog modal-sm" role="document">
                     <div class="modal-content">
                         <div class="modal-header">
                             <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                             <h4 class="modal-title">赞赏作者</h4>
                         </div>
                         <div class="modal-body">
                             <p class="text-center article__reward"> <strong class="article__reward-text">扫一扫支付</strong> </p>
                             <div class="tab-content"><img nogallery="" aria-labelledby="alipay-tab" class="pay-img tab-pane fade in active" id="alipay_author" role="tabpanel" src="" data-original="https://www.ihewro.com/usr/uploads/sina/5cc11bd7a60a8.jpg"></div>
                             <div class="article__reward-border mb20 mt10"></div>

                             <div class="text-center" role="tablist"><div class="pay-button" role="presentation"><button href="#alipay_author" id="alipay-tab" aria-controls="alipay_author" role="tab" data-toggle="tab" class="btn m-b-xs m-r-xs btn-info"><i class="iconfont icon-alipay" aria-hidden="true"></i><span>&nbsp;支付宝支付</span></button>
                                 </div></div>
                         </div>
                     </div>
                 </div>
             </div>
                                  <!--/文章的页脚部件：打赏和其他信息的输出-->
         </div>
        </article>
       </div>
       <!--上一篇&下一篇-->
       
       <!--评论-->
        
            <style>
            textarea#comment{
                background-image: url('https://www.ihewro.com/usr/uploads/sina/5cc11bd8253e0.jpg');
                background-color: #ffffff;
                transition: all 0.25s ease-in-out 0s;
            }
            textarea#comment:focus {
                background-position-y: 105px;
                transition: all 0.25s ease-in-out 0s;
            }
        </style>
    
    
    


      </div>
     </div>
     <!--文章右侧边栏开始-->
             <aside class="asideBar col w-md bg-white-only bg-auto no-border-xs" role="complementary">
     
     </aside>
       <!--文章右侧边栏结束-->
    </div>
   </main>


    
<!-- footer -->
	<script type="text/javascript">
(function () {
    window.TypechoComment = {
        dom : function (id) {
            return document.getElementById(id);
        },
    
        create : function (tag, attr) {
            var el = document.createElement(tag);
        
            for (var key in attr) {
                el.setAttribute(key, attr[key]);
            }
        
            return el;
        },

        reply : function (cid, coid) {
            var comment = this.dom(cid), parent = comment.parentNode,
                response = this.dom('respond-post-489'), input = this.dom('comment-parent'),
                form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0],
                textarea = response.getElementsByTagName('textarea')[0];

            if (null == input) {
                input = this.create('input', {
                    'type' : 'hidden',
                    'name' : 'parent',
                    'id'   : 'comment-parent'
                });

                form.appendChild(input);
            }

            input.setAttribute('value', coid);

            if (null == this.dom('comment-form-place-holder')) {
                var holder = this.create('div', {
                    'id' : 'comment-form-place-holder'
                });

                response.parentNode.insertBefore(holder, response);
            }

            comment.appendChild(response);
            this.dom('cancel-comment-reply-link').style.display = '';

            if (null != textarea && 'text' == textarea.name) {
                textarea.focus();
            }

            return false;
        },

        cancelReply : function () {
            var response = this.dom('respond-post-489'),
            holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent');

            if (null != input) {
                input.parentNode.removeChild(input);
            }

            if (null == holder) {
                return true;
            }

            this.dom('cancel-comment-reply-link').style.display = 'none';
            holder.parentNode.insertBefore(response, holder);
            return false;
        }
    };
})();
</script>
<script type="text/javascript">
var registCommentEvent = function() {
    var event = document.addEventListener ? {
        add: 'addEventListener',
        focus: 'focus',
        load: 'DOMContentLoaded'
    } : {
        add: 'attachEvent',
        focus: 'onfocus',
        load: 'onload'
    };
    var r = document.getElementById('respond-post-489');
        
    if (null != r) {
        var forms = r.getElementsByTagName('form');
        if (forms.length > 0) {
            var f = forms[0], textarea = f.getElementsByTagName('textarea')[0], added = false;

            if (null != textarea && 'text' == textarea.name) {
                textarea[event.add](event.focus, function () {
                    if (!added) {
                        var input = document.createElement('input');
                        input.type = 'hidden';
                        input.name = '_';
                            input.value = (function () {
    var _pyAeKU = '69'//'Gzo'
+//'Y7'
'Y7'+'c'//'o'
+//'u'
'27'+'e'//'a'
+'9'//'G'
+'fc'//'i0k'
+'f'//'ul'
+//'Zl'
'Zl'+'9'//'o6'
+'58'//'r'
+//'n'
'0bc'+//'h'
'f0b'+//'fN8'
'5'+'b'//'x'
+//'WF'
'07d'+'6'//'fN'
+'ew'//'ew'
+//'6H9'
'fb'+'80m'//'80m'
+''///*'R'*/'R'
+'b'//'KV9'
+'c'//'lf'
+//'Q'
'Q'+//'jX'
'b'+'2'//'2'
+''///*'qQF'*/'qQF'
+'1'//'3'
+//'D'
'D'+'d'//'eM1'
, _h64F2 = [[2,4],[10,12],[25,27],[27,30],[29,30],[30,31],[31,32]];
    
    for (var i = 0; i < _h64F2.length; i ++) {
        _pyAeKU = _pyAeKU.substring(0, _h64F2[i][0]) + _pyAeKU.substring(_h64F2[i][1]);
    }

    return _pyAeKU;
})();
                    
                        f.appendChild(input);
                        
                        input = document.createElement('input');
                        input.type = 'hidden';
                        input.name = 'checkReferer';
                        input.value = 'false';
                        
                        f.appendChild(input);
                        

                        added = true;
                    }
                });
            }
        }
    }
};
</script></div><!-- /content -->
  
  </div><!--end of .app app-header-fixed-->




        

<!--定义全局变量-->



<!--主题核心js-->
<script>
    SearchConfig = {
        url: "https://www.ihewro.com/usr/plugins/Preference/cache/search.json"
    }
</script>



    <script src="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/js/function.min.js?v=7.3.12020081502"></script>

    <script src="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/js/core.min.js?v=7.3.12020081502"></script>



    <!--全局播放器组件-->
    <script>
                //var player = new skPlayer({"autoplay":false,"listshow":false,"mode":"listloop","music":{"type":"cloud","source":"2935464652","media":"netease"}});
    </script>


<script>
    if ('serviceWorker' in navigator) {
        if (LocalConst.USE_CACHE) {
            navigator.serviceWorker.addEventListener('controllerchange', function (ev) {
                try {
                    $.message({
                        title:"检测到本地缓存需要更新",
                        message:"<a href='#' onclick='window.location.reload();'>点击刷新页面</a>更新本地缓存",
                        type:'warning',
                        time: '300000'
                    });
                }catch (e) {
                    console.log("controllerchange");
                }
            });
        }
    }

</script>

<!--主题组件js加载-->
    <script src="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/js/features/jquery.pjax.min.js" type="text/javascript"></script>

    <!--平滑滚动组件-->
    <script src="https://cdn.jsdelivr.net/gh/ihewro/blog@master/usr/themes/handsome/assets/js/features/SmoothScroll.min.js"></script>


<!--pjax动画组件-->






<!--主题组件js加载结束-->

<!--用户自定义js-->
<script type="text/javascript">
    var _hmt =_hmt ||[];(function() {var hm =document.createElement("script");hm.src ="https://hm.baidu.com/hm.js?3b1f6198215a81b2f56b1387c009c48f";var s =document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script>





  	<!-- / footer -->


<div class="settings panel panel-default setting_body_panel" aria-hidden="true">
              <button class="fix-padding btn btn-default no-shadow pos-abt border-radius-half-left" data-toggle="tooltip" data-placement="left" data-original-title="外观设置" data-toggle-class=".settings=active, .settings-icon=animate-spin">
                  <i class="fontello fontello-gear settings-icon" data-original-title="" title=""></i>
              </button>
              <div class="panel-heading">
                  <button class="pull-right btn btn-xs btn-rounded btn-danger " name="reset" data-toggle="tooltip" data-placement="left" data-original-title="恢复默认值">重置</button>
                  设置
              </div>
              <div class="setting_body">
              <div class="panel-body">
                  
                      <div class="m-b-sm">
                          <label class="i-switch bg-info pull-right">
                              <input type="checkbox" name="header-fixed" value="light1" checked="checked"> 
                                  <i data-original-title="" title=""></i>
                          </label>

                  <span> 固定头部</span>
       
              </div>
              
                      <div class="m-b-sm">
                          <label class="i-switch bg-info pull-right">
                              <input type="checkbox" name="aside-fix" value="light1" checked="checked"> 
                                  <i data-original-title="" title=""></i>
                          </label>

                  <span> 固定导航</span>
       
              </div>
              
                      <div class="m-b-sm">
                          <label class="i-switch bg-info pull-right">
                              <input type="checkbox" name="aside-folded" value="light"> 
                                  <i data-original-title="" title=""></i>
                          </label>

                  <span> 折叠导航</span>
       
              </div>
              
                      <div class="m-b-sm">
                          <label class="i-switch bg-info pull-right">
                              <input type="checkbox" name="aside-dock" value="light"> 
                                  <i data-original-title="" title=""></i>
                          </label>

                  <span> 置顶导航</span>
       
              </div>
              
                      <div class="m-b-sm">
                          <label class="i-switch bg-info pull-right">
                              <input type="checkbox" name="layout-boxed" value="light1" checked="checked"> 
                                  <i data-original-title="" title=""></i>
                          </label>

                  <span> 盒子模型</span>
       
              </div>
              
                      <div id="mode_set">
                          <label class="i-switch bg-info pull-right">
                              <input type="checkbox" name="dark_mode" value="lightauto"> 
                                  <i data-original-title="" title=""></i>
                          </label>

                  <span> 深色模式（自动）</span>
        <small id="auto_info"><i class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="bottom" data-original-title="网站深色模式自动依据您的设备关于深色模式的设置进行切换"></i></small>
              </div>
              
          </div>
          <div class="wrapper b-t b-light bg-light lter r-b">
              <div class="row row-sm">
                  <div class="col-xs-4">
                      
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="0">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-black header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-black"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="1">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-dark header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="2">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-white-only header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-black"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="3">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-primary header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block">
                              <input type="radio" name="color" value="4">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-info header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-black"></b>
							</span>
                          </label>
                          </div><div class="col-xs-4">
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="5">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-success header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="6">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-danger header"></b>
								<b class="bg-white-only header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="7">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-black header"></b>
								<b class="bg-black header"></b>
								<b class="bg-white"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="8">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-dark header"></b>
								<b class="bg-dark header"></b>
								<b class="bg-light"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block">
                              <input type="radio" name="color" value="9">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-info dker header"></b>
								<b class="bg-info dker header"></b>
								<b class="bg-light dker"></b>
							</span>
                          </label>
                          </div><div class="col-xs-4">
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="10">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-primary header"></b>
								<b class="bg-primary header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="11">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-info dker header"></b>
								<b class="bg-info dk header"></b>
								<b class="bg-black"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="12">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-success header"></b>
								<b class="bg-success header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block m-b-sm">
                              <input type="radio" name="color" value="13">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-danger header"></b>
								<b class="bg-danger header"></b>
								<b class="bg-dark"></b>
							</span>
                          </label>
                          
                          <label class="i-checks block">
                              <input type="radio" name="color" value="14">
                                  <span class="block bg-light clearfix pos-rlt">
								<span class="active pos-abt w-full h-full bg-black-opacity text-center">
									<i class="fontello fontello-check text-md text-white m-t-xs" data-original-title="" title=""></i>
								</span>
								<b class="bg-white header"></b>
								<b class="bg-white header"></b>
								<b class="bg-white"></b>
							</span>
                          </label>
                          
                          </div>
                  </div>
              </div>
          </div>
          </div>

        <script src="static/article.js"></script>
        <script src="static/main.js"></script>

        </body></html>